import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import postCssPxToRem from 'postcss-pxtorem'
import autoprefixer from 'autoprefixer'
import path from 'path'//lmw add 1

export default defineConfig({
  base:'./',
  plugins: [vue()],
  resolve:{
    alias:{
      "@":path.resolve(__dirname,'./src'),
    }
  },
  server:{
    host:true
  },
  css: {
      // 此代码为适配移动端px2rem
      postcss: {
          plugins: [
              autoprefixer({
                overrideBrowserslist: [
                  "Android 4.1",
                  "iOS 7.1",
                  "Chrome > 31",
                  "ff > 31",
                  "ie >= 8",
                  "last 10 versions" // 所有主流浏览器最近10版本用
                ],
                grid: true
              }),
              postCssPxToRem({
                rootValue: 16, // 1rem的大小
                propList: ["*", "!border"], // 除 border 外所有px 转 rem
                selectorBlackList: [".el-"] // 过滤掉.el-开头的class，不进行rem转换
              }),
          ],
      },
  },

})
